﻿<!-- begin container -->
<div class="page_container_bg">
    <div class="portfolio_container">

        <!-- begin portfolio box container -->
        <div class="portfolio_box_container">

{% if column == 1 or column == 0 %}
            <!-- begin portfolio box -->
            <div class="portfolio_box">
                
                <!-- begin image skin -->
                <div class="image_skin">
                    
                    <!-- begin image inside border -->
                    <div class="image_inside_border">
                        
                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:450px; height:250px;">

                            <div class="image_holder" lang="zoom_image" style="width:450px; height:250px;">
                                <a href="/static/images/default/image.jpg" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/default/image.jpg" width="450" height="250" alt=""/>
                                </a>
                            </div>
                        
                        </div>
                        <!-- end image -->
                    
                    </div>
                    <!-- end image inside border -->
                </div>
                <!-- end image skin -->
                
                <div class="cleardiv"></div>
                    
                <!-- begin box details -->
                <div class="portfolio_details" style="width:450px;" >
                
                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div class="custom_title">Lorem Ipsum</div>
                    </div>
                    <!-- end box title -->
                
                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
                        <div class="portfolio_details_button">
                            <a href="details.html"><span class="details_button">Read more »</span></a>
                        </div>
                    </div>
                    <!-- begin detail text -->
                
                </div>
                <!-- end box details -->

            </div>
            <!-- end portfolio box -->
{% else %}{% if column == 2 %}
            <!-- begin portfolio box -->
            <div class="portfolio_box" style="padding-right:35px;">
                
                <!-- begin image skin -->
                <div class="image_skin">
                    
                    <!-- begin image inside border -->
                    <div class="image_inside_border">
                        
                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:450px; height:250px;">

                            <div class="image_holder" lang="zoom_image" style="width:450px; height:250px;">
                                <a href="/static/images/default/image.jpg" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/default/image.jpg" width="450" height="250" alt=""/>
                                </a>
                            </div>
                        
                        </div>
                        <!-- end image -->
                    
                    </div>
                    <!-- end image inside border -->
                
                </div>
                <!-- end image skin -->
                
                <div class="cleardiv"></div>
                    
                <!-- begin box details -->
                <div class="portfolio_details" style="width:450px;" >
                
                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div class="custom_title">Lorem Ipsum</div>
                    </div>
                    <!-- end box title -->
                
                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
                        <div class="portfolio_details_button">
                            <a href="details.html"><span class="details_button">Read more »</span></a>
                        </div>
                    </div>
                    <!-- begin detail text -->
                
                </div>
                <!-- end box details -->

            </div>
            <!-- end portfolio box -->
            <!-- begin portfolio box -->
            <div class="portfolio_box">
                
                <!-- begin image skin -->
                <div class="image_skin">
                    
                    <!-- begin image inside border -->
                    <div class="image_inside_border">
                        
                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:450px; height:250px;">

                            <div class="image_holder" lang="zoom_image" style="width:450px; height:250px;">
                                <a href="/static/images/default/image.jpg" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/default/image.jpg" width="450" height="250" alt=""/>
                                </a>
                            </div>
                        
                        </div>
                        <!-- end image -->
                    
                    </div>
                    <!-- end image inside border -->
                
                </div>
                <!-- end image skin -->
                
                <div class="cleardiv"></div>
                    
                <!-- begin box details -->
                <div class="portfolio_details" style="width:450px;" >
                
                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div class="custom_title">Lorem Ipsum</div>
                    </div>
                    <!-- end box title -->
                
                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
                        <div class="portfolio_details_button">
                            <a href="details.html"><span class="details_button">Read more »</span></a>
                        </div>
                    </div>
                    <!-- begin detail text -->
                
                </div>
                <!-- end box details -->

            </div>
            <!-- end portfolio box -->
{% else %}{% if column == 3 %}
            <!-- begin portfolio box #1 -->
            <div class="portfolio_box" style="padding-right:41px;">
        
                <!-- begin image skin -->
                <div class="image_skin">
                
                    <!-- begin image inside border -->
                    <div class="image_inside_border">
                
                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:280px; height:150px;">
                    
                            <div class="image_holder" lang="zoom_image" style="width:280px; height:150px;">
                                <a href="/static/images/default/image.jpg" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/default/image.jpg" width="280" height="150" alt=""/>
                                </a>
                            </div>
                        
                        </div>
                        <!-- end image -->
                    
                    </div>
                    <!-- begin image inside border -->
                    
                </div>
                <!-- end image skin -->
                    
                <div class="cleardiv"></div>
                
                <!-- begin box details -->
                <div class="portfolio_details" style="width:280px;" >
                    
                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div class="custom_title">Lorem Ipsum</div>
                    </div>
                    <!-- end box title -->
                    
                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                        <div class="portfolio_details_button">
                            <a href="details.html">
                                <span class="details_button">Read more »</span>
                            </a>
                        </div>
                    </div>
                    <!-- begin detail text -->
                    
                </div>
                <!-- end box details -->

            </div>
            <!-- end portfolio box #1 -->
            <!-- begin portfolio box #2 -->
            <div class="portfolio_box" style="padding-right:41px;">
        
                <!-- begin image skin -->
                <div class="image_skin">
                
                    <!-- begin image inside border -->
                    <div class="image_inside_border">
                
                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:280px; height:150px;">
                    
                            <div class="image_holder" lang="zoom_image" style="width:280px; height:150px;">
                                <a href="/static/images/default/image.jpg" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/default/image.jpg" width="280" height="150" alt=""/>
                                </a>
                            </div>
                        
                        </div>
                        <!-- end image -->
                    
                    </div>
                    <!-- begin image inside border -->
                    
                </div>
                <!-- end image skin -->
                    
                <div class="cleardiv"></div>
                
                <!-- begin box details -->
                <div class="portfolio_details" style="width:280px;" >
                    
                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div class="custom_title">Lorem Ipsum</div>
                    </div>
                    <!-- end box title -->
                    
                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                        <div class="portfolio_details_button">
                            <a href="details.html">
                                <span class="details_button">Read more »</span>
                            </a>
                        </div>
                    </div>
                    <!-- begin detail text -->
                    
                </div>
                <!-- end box details -->

            </div>
            <!-- end portfolio box #2 -->            
            <!-- begin portfolio box #3 -->
            <div class="portfolio_box">
        
                <!-- begin image skin -->
                <div class="image_skin">
                
                    <!-- begin image inside border -->
                    <div class="image_inside_border">
                
                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:280px; height:150px;">
                    
                            <div class="image_holder" lang="zoom_image" style="width:280px; height:150px;">
                                <a href="/static/images/default/image.jpg" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/default/image.jpg" width="280" height="150" alt=""/>
                                </a>
                            </div>
                        
                        </div>
                        <!-- end image -->
                    
                    </div>
                    <!-- begin image inside border -->
                    
                </div>
                <!-- end image skin -->
                    
                <div class="cleardiv"></div>
                
                <!-- begin box details -->
                <div class="portfolio_details" style="width:280px;" >
                    
                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div class="custom_title">Lorem Ipsum</div>
                    </div>
                    <!-- end box title -->
                    
                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                        <div class="portfolio_details_button">
                            <a href="details.html">
                                <span class="details_button">Read more »</span>
                            </a>
                        </div>
                    </div>
                    <!-- begin detail text -->
                    
                </div>
                <!-- end box details -->

            </div>
            <!-- end portfolio box #3 -->
{% else %}{% if column == 4 %}
            <!-- begin portfolio box -->
            <div class="portfolio_box" style="padding-right:20px;">
                
                <!-- begin image skin -->
                <div class="image_skin">
                    
                    <!-- begin image inside border -->
                    <div class="image_inside_border">
                        
                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:210px; height:125px;">

                            <div class="image_holder" lang="zoom_image" style="width:210px; height:125px;">
                                <a href="/static/images/default/image.jpg" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/default/image.jpg" width="210" height="125" alt=""/>
                                </a>
                            </div>
                        
                        </div>
                        <!-- end image -->
                    
                    </div>
                    <!-- end image inside border -->
                
                </div>
                <!-- end image skin -->
                
                <div class="cleardiv"></div>
                    
                <!-- begin box details -->
                <div class="portfolio_details" style="width:210px;" >
                
                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div class="custom_title">Lorem Ipsum</div>
                    </div>
                    <!-- end box title -->
                
                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        It was popularised in the 1960s with the release of Letraset sheets.
                        <div class="portfolio_details_button">
                            <a href="details.html"><span class="details_button">Read more »</span></a>
                        </div>
                    </div>
                    <!-- begin detail text -->
                
                </div>
                <!-- end box details -->

            </div>
            <!-- end portfolio box -->
            <!-- begin portfolio box -->
            <div class="portfolio_box" style="padding-right:20px;">
                
                <!-- begin image skin -->
                <div class="image_skin">
                    
                    <!-- begin image inside border -->
                    <div class="image_inside_border">
                        
                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:210px; height:125px;">

                            <div class="image_holder" lang="zoom_image" style="width:210px; height:125px;">
                                <a href="/static/images/default/image.jpg" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/default/image.jpg" width="210" height="125" alt=""/>
                                </a>
                            </div>
                        
                        </div>
                        <!-- end image -->
                    
                    </div>
                    <!-- end image inside border -->
                
                </div>
                <!-- end image skin -->
                
                <div class="cleardiv"></div>
                    
                <!-- begin box details -->
                <div class="portfolio_details" style="width:210px;" >
                
                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div class="custom_title">Lorem Ipsum</div>
                    </div>
                    <!-- end box title -->
                
                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        It was popularised in the 1960s with the release of Letraset sheets.
                        <div class="portfolio_details_button">
                            <a href="details.html"><span class="details_button">Read more »</span></a>
                        </div>
                    </div>
                    <!-- begin detail text -->
                
                </div>
                <!-- end box details -->

            </div>
            <!-- end portfolio box -->
            <!-- begin portfolio box -->
            <div class="portfolio_box" style="padding-right:20px;">
                
                <!-- begin image skin -->
                <div class="image_skin">
                    
                    <!-- begin image inside border -->
                    <div class="image_inside_border">
                        
                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:210px; height:125px;">

                            <div class="image_holder" lang="zoom_image" style="width:210px; height:125px;">
                                <a href="/static/images/default/image.jpg" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/default/image.jpg" width="210" height="125" alt=""/>
                                </a>
                            </div>
                        
                        </div>
                        <!-- end image -->
                    
                    </div>
                    <!-- end image inside border -->
                
                </div>
                <!-- end image skin -->
                
                <div class="cleardiv"></div>
                    
                <!-- begin box details -->
                <div class="portfolio_details" style="width:210px;" >
                
                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div class="custom_title">Lorem Ipsum</div>
                    </div>
                    <!-- end box title -->
                
                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        It was popularised in the 1960s with the release of Letraset sheets.
                        <div class="portfolio_details_button">
                            <a href="details.html"><span class="details_button">Read more »</span></a>
                        </div>
                    </div>
                    <!-- begin detail text -->
                
                </div>
                <!-- end box details -->

            </div>
            <!-- end portfolio box -->
            <!-- begin portfolio box -->
            <div class="portfolio_box">
                
                <!-- begin image skin -->
                <div class="image_skin">
                    
                    <!-- begin image inside border -->
                    <div class="image_inside_border">
                        
                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:210px; height:125px;">

                            <div class="image_holder" lang="zoom_image" style="width:210px; height:125px;">
                                <a href="/static/images/default/image.jpg" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/default/image.jpg" width="210" height="125" alt=""/>
                                </a>
                            </div>
                        
                        </div>
                        <!-- end image -->
                    
                    </div>
                    <!-- end image inside border -->
                
                </div>
                <!-- end image skin -->
                
                <div class="cleardiv"></div>
                    
                <!-- begin box details -->
                <div class="portfolio_details" style="width:210px;" >
                
                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div class="custom_title">Lorem Ipsum</div>
                    </div>
                    <!-- end box title -->
                
                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        It was popularised in the 1960s with the release of Letraset sheets.
                        <div class="portfolio_details_button">
                            <a href="details.html"><span class="details_button">Read more »</span></a>
                        </div>
                    </div>
                    <!-- begin detail text -->
                
                </div>
                <!-- end box details -->

            </div>
            <!-- end portfolio box -->
            
{% endif %}{% endif %}{% endif %}{% endif %}
        </div>
        <!-- end portfolio box container -->        
        <div class="page_nav_numbers">
        
            <ul>
                <li class="current"><a href="details.html">1</a></li>
                <li><a href="details.html">2</a></li>
                <li><a href="details.html">3</a></li>
                <li><a href="details.html">4</a></li>
                <li><a href="details.html">5</a></li>
            </ul>
        </div>


    </div>
</div>
<!-- end container -->